.{$select-prefix}
  position relative
  border 1px solid $gray4-color
  border-radius $border-radius-size
  box-sizing border-box
  outline none
  font-size $font-size-mini
  &.{$select-prefix}
    &-no-border
      border none
      &:hover
        border none
      &.{$select-prefix}-trigger
        border none
        box-shadow none
  .{$select-prefix}
    &-show
      position relative
      padding 4px 28px 4px 8px
    &-placeholder
      color #787878
  .{$icon-prefix}-down
    position absolute
    top 4px
    right 8px
    color #787878
    transition $transition-time
  &:hover
    border 1px solid $primary-color
    .{$icon-prefix}-down
      color $primary-color
  &-autosize
    display inline-block
  &-trigger
    border 1px solid $primary-color
    box-shadow 0 0 0 2px rgba($primary-color, .2)
    .{$icon-prefix}-down
      color $primary-color
      transform rotate(180deg)

.{$dropdown-prefix}-group
  .{$select-prefix}-list
    display block
    box-sizing border-box
    border-radius $border-radius-size
    background white
    box-shadow 0 5px 10px rgba(0, 0, 0, .1)
    padding 8px 0
    .{$select-prefix}-item
      padding 8px 10px
      text-ellipsis()
      &.{$select-prefix}-item-selected
        background-color rgba($primary-color, .15)
      &:hover
        background-color $gray3-color
